<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                >
    <f:view contentType="text/html">

        <h:panelGrid width="100%" columns="2">

            <p:barChart value="#{productionReportUI.lineSummary}" var="prdChart"  
                        yfield="#{prdChart.cellName}" 
                        height="" width=""> 

                <p:chartSeries label="Planned" value="#{prdChart.plannedCount}" />  
                <p:chartSeries label="Projected" value="#{prdChart.projectedCount}" />  

            </p:barChart> 


            <p:dataTable var="productionDT5" 
                         value="#{productionReportUI.lineSummary}"
                         id="productionTB5" 
                         rowStyleClass="#{productionDT5.projectedCount lt productionDT5.plannedCount ? 'bad' : 'good'}"

                         >

                <p:column headerText="Cell">
                    <h:outputText value="#{productionDT5.cellName}" style="font-size: 20px"/>
                </p:column>
                <p:column headerText="Planned">
                    <h:outputText value="#{productionDT5.plannedCount}" style="font-size: 20px"/>
                </p:column>

                <p:column headerText="Actual">
                    <h:outputText value="#{productionDT5.productionCount}" style="font-size: 20px"/>
                </p:column>
                <p:column headerText="Expected">
                    <h:outputText value="#{productionDT5.projectedCount}" style="font-size: 20px"/>
                </p:column>
            </p:dataTable>

        </h:panelGrid>


    </f:view>
</ui:composition>